const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        // 获取导航栏信息
        // 导航栏的高度 = 状态栏高度 + 胶囊高度 +（胶囊top - 状态栏高度）* 2 
        dhlTop: app.globalData.dhlTop,
        dhlHeight: app.globalData.dhlHeight,
        windowHeight: app.globalData.windowHeight,

        keyword: '小区',
        inputValue: '',
        pageIndex: 1,
        isEnd: false, // 是否到达最后一页
        pois: [],
        // 小区名称数据 
        // 市区名
        // district: '',
        // // 小区名
        // title: '',
        // // 详细地址
        // address: '',
 
        // 小区名称或地址
        brandArray: [
            "西工区",
            "涧西区",
            "老城区",
            "瀍河回族区",
            "洛龙区",
            "孟津区",
            "偃师区"
        ],
        brandIndex: 0,
        district: '西工区',
    },

    onInput: function (event) {
        this.setData({
            inputValue: event.detail.value.trim()
        });
        console.log(this.data.inputValue);
    },
    onBlurLoadData: function () {
        // console.info('e=' + JSON.stringify(e))
        var keyword = this.data.inputValue;
        console.info('keyword=' + keyword)
        console.info('keyword=' + keyword.length)
        if (keyword.length <= 0) {
            wx.showToast({
                title: '请输入小区名称',
                icon: 'none'
            })
            return;
        }
        wx.showLoading({
            title: '网络加载中...',
            mask: true//遮罩层，防止用户误触
        })

        this.setData({ keyword: keyword, pois: [] });
        var pi = this.data.pageIndex
        // return;
        wx.request({
            url: 'https://apis.map.qq.com/ws/place/v1/search?keyword=' + this.data.keyword + '&boundary=region(' + this.data.district + ',0)&filter=category=280000&page_index=' + pi + '&page_size=20&key=TYRBZ-IKM6Q-FCC5F-4SCQE-ZHQ7V-LRFPW',
            method: 'GET',
            header: {
                // 'content-type': 'application/json;charset=UTF-8;'
            },
            success: res => { //wx.request成功的回调
                // data:{"status":0,"message":"Success","request_id":"d44b51f23f06edf7152a762d9f34e0cd","count":79,"data":[{"id":"15040755053007030611","title":"丽华苑","address":"北京市西城区西单皮库胡同246号","tel":"","category":"房产小区:住宅区:住宅小区","type":0,"location":{"lat":39.910247,"lng":116.369743},"_distance":437.74,"ad_info":{"adcode":110102,"province":"北京市","city":"北京市","district":"西城区"}},
                console.log("data:" + JSON.stringify(res));
                // 总条数 上拉翻页
                const total = res.data.count
                // 区名
                // var quName = res.data.data[0].ad_info.district
                // 读取数据
                const dataList = this.data.pois.concat(res.data.data);
                this.setData({ pois: dataList, pageIndex: pi + 1, })
                if (dataList.length == total) {
                    this.setData({ isEnd: true })
                }
            },
            fail: (err) => {
                console.error(JSON.stringify(err));
            },
            complete: res => {
                //当网络请求完成后，我们要自动的把下拉刷新的样式关闭掉，要不然不好看：
                // wx.stopPullDownRefresh()
                //无论网络请求是否成功，都要关闭loading样式：
                wx.hideLoading()
                wx.hideNavigationBarLoading()

            }

        })
    },

    loadData: function () {
        var pi = this.data.pageIndex
        // return;
        wx.request({
            // https://apis.map.qq.com/ws/place/v1/search?keyword=%E5%B0%8F%E5%8C%BA&boundary=nearby(34.659926,112.428128,1000)&filter=category=280000&page_index=1&page_size=20&key=TYRBZ-IKM6Q-FCC5F-4SCQE-ZHQ7V-LRFPW
            url: 'https://apis.map.qq.com/ws/place/v1/search?keyword=' + this.data.keyword + '&boundary=region(' + this.data.district + ',0)&filter=category=280000&page_index=' + pi + '&page_size=20&key=TYRBZ-IKM6Q-FCC5F-4SCQE-ZHQ7V-LRFPW',
            method: 'GET',
            header: {
                // 'content-type': 'application/json;charset=UTF-8;'
            },
            success: res => { //wx.request成功的回调
                console.log("data:" + JSON.stringify(res.data));
                // 总条数 上拉翻页
                const total = res.data.count
                // 区名
                // var quName = res.data.data[0].ad_info.district
                // 读取数据
                const dataList = this.data.pois.concat(res.data.data);
                this.setData({ pois: dataList, pageIndex: pi + 1 })
                if (dataList.length == total) {
                    this.setData({ isEnd: true })
                }
            },
            fail: (err) => {
                console.error(JSON.stringify(err));
            },
            complete: res => {
                //当网络请求完成后，我们要自动的把下拉刷新的样式关闭掉，要不然不好看：
                wx.stopPullDownRefresh()
                //无论网络请求是否成功，都要关闭loading样式：
                // wx.hideLoading()
                wx.hideNavigationBarLoading()

            }

        })
    },
    loadMore: function () {
        // 加载更多数据，触发下一页查询
        if (!this.data.isEnd) {
            this.loadData();
        }
    },


    clickBrandName: function (e) {
        console.info('e=' + JSON.stringify(e))
        var pages = getCurrentPages();             //  获取页面栈
        var currPage = pages[pages.length - 1];    // 当前页面
        var prevPage = pages[pages.length - 2];    // 上一个页面
        var val = e.currentTarget.dataset.val

        prevPage.setData({
            district: val.ad_info.district,
            // 小区名
            houseTitle: val.title,
            // 详细地址
            address: val.address,
            location: val.location,
            // 显示小区名
            // showDefultBrandNameSpace:false
        })
        wx.navigateBack({
            delta: 1
        })
    },

    // 市区选择方法
    bindBrandPickerChange: function (e) {
        console.log('brand picker发送选择改变，携带值为', e.detail.value)
        this.setData({
            brandIndex: e.detail.value,
            district: this.data.brandArray[e.detail.value],
            pois: []
        })
    },

    /**
     * 滚动条到最下面时
     * @param {*} e 
     */
    onScrollReachBottom: function (e) {
        console.info('到底了-----')
        wx.showNavigationBarLoading();
        this.loadMore();
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})